<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link href="css/shejishigeren.css" rel="stylesheet" />
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
</head>
<body>
	<div class="mui-content">
	   
<div class="mui-content-padded">
             <h5>用户名：</h5>
	           <div class="mui-input-row mui-search">
		          <input type="text" class="mui-input-clear" placeholder="用户名">
	            </div>
	            <h5>密码：</h5>
	           <div class="mui-input-row mui-search">
		          <input type="password" class="mui-input-clear" placeholder="密码">
	            </div>
	            <button class="mui-btn mui-btn-primary">登录</button>
	</div>
	    <div id="slider" class="mui-slider">
		<div id="sliderSegmentedControl" class=" mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
			<a class="mui-control-item mui-active" href="#item1mobile">
					作品
				</a>
			<a class="mui-control-item" href="#item2mobile">
					展示
				</a>
		</div>
		
		<div id="sliderProgressBar" class="mui-slider-progress-bar " ></div>
		<div class="mui-slider-group">
			<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">	    		
	    		<ul class="mui-table-view mui-grid-view">
					<li class="mui-table-view-cell  mui-col-xs-6">
						<a href="#">
							<img class="mui-media-object" src="images/shejishi/shejitu3_10.jpg">
							<div class="mui-media-body">佛珠在手是否能洗涤<br>凡我身心 </div>
							<div class="jiaqian">￥89</div>
						</a>
					</li>
					<li class="mui-table-view-cell  mui-col-xs-6">
						<a href="#">
							<img class="mui-media-object" src="images/shejishi/shejitu4_10.jpg">
							<div class="mui-media-body">莫桑比克の无烧鸽血<br>红宝石戒指 </div>
							<div class="jiaqian">￥12686</div>
						</a>
					</li>
					<li class="mui-table-view-cell  mui-col-xs-6">
						<a href="#">
							<img class="mui-media-object" src="images/shejishi/shujitu1_04.jpg">
							<div class="mui-media-body">质地轻盈的莲蓬翡翠<br>吊坠 </div>
							<div class="jiaqian">￥129</div>
						</a>
					</li>
					<li class="mui-table-view-cell  mui-col-xs-6">
						<a href="#">
							<img class="mui-media-object" src="images/shejishi/shijitu2_06.jpg">
							<div class="mui-media-body">我在那间咖啡馆里送<br>你的东西 </div>
							<div class="jiaqian">￥5290</div>
						</a>
					</li>
				</ul>
			</div>
			<div id="item2mobile" class="mui-slider-item mui-control-content">
				<ul class="mui-table-view mui-grid-view">
					<li class="mui-table-view-cell  mui-col-xs-6">
						<a href="#">
							<img class="mui-media-object" src="images/shejishi/shujitu1_04.jpg">
							<div class="mui-media-body">质地轻盈的莲蓬翡翠<br>吊坠 </div>
							<div class="jiaqian">￥129</div>
						</a>
					</li>
					<li class="mui-table-view-cell  mui-col-xs-6">
						<a href="#">
							<img class="mui-media-object" src="images/shejishi/shijitu2_06.jpg">
							<div class="mui-media-body">我在那间咖啡馆里送<br>你的东西 </div>
							<div class="jiaqian">￥5290</div>
						</a>
					</li>
					<li class="mui-table-view-cell  mui-col-xs-6">
						<a href="#">
							<img class="mui-media-object" src="images/shejishi/shejitu3_10.jpg">
							<div class="mui-media-body">佛珠在手是否能洗涤<br>凡我身心 </div>
							<div class="jiaqian">￥89</div>
						</a>
					</li>
					<li class="mui-table-view-cell  mui-col-xs-6">
						<a href="#">
							<img class="mui-media-object" src="images/shejishi/shejitu4_10.jpg">
							<div class="mui-media-body">莫桑比克の无烧鸽血<br>红宝石戒指 </div>
							<div class="jiaqian">￥12686</div>
						</a>
					</li>
					
				</ul>
			</div>
			
		</div>
	</div>
		<img src="images/shejishi/themeDetail_18.png" id="back" class="mui-action-back"/>
	</div>
</body>
<script type="text/javascript">
	document.getElementById("shejishijianjie").addEventListener('tap',function(){
  		mui.openWindow({
  			url:'shejishijianjie.html',
  		    id:'shejishijianjie'
  		});
  	});
</script>
</html>